<!doctype html>
<html lang="zh-CH">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>央票通商品列表</title>
	<link rel="stylesheet" href="./resource/css/ypt_index.css">
	<link rel="stylesheet" href="./resource/css/ypt_s_product.css">
</head>
<body>
<!-- 顶部 -->
@include('common.shop_index_head')
<!-- cont -->
<div class="shop-list main">
	<div class="search-ul">
		<a href="jacascript:;" class="active">默认排序</a>
		<a href="jacascript:;" rel="volume" dis="hide">销量<i rel="top"></i></a>
		<a href="jacascript:;" rel="volume" dis="show">销量<i rel="bot"></i></a>
		<a href="jacascript:;" rel="price" dis="hide">价格<i rel="top"></i></a>
		<a href="jacascript:;" rel="price" dis="show">价格<i rel="bot"></i></a>
		<div class="box left">
			<input type="text" class="num-mon" placeholder="最低价">
			<span class="line"></span>
			<input type="text" class="num-mon" placeholder="最高价">
		</div>
		<div class="box left">
			<span class="t">起定量</span>
			<input type="text" class="star-num">
		</div>
	</div>
	<div class="list-shop">
		<ul>
			{{--<li class="shop-li">--}}
				{{--<div class="shop-img">--}}
					{{--<a href="javascript:;"><img src="./resource/img/floor_shop_11.jpg" alt=""></a>--}}
				{{--</div>--}}
				{{--<div class="shop-info">--}}
					{{--<a href="javascript:;" class="name"><span>樟子松</span></a>--}}
					{{--<span class="money">￥900.00/立方米</span>--}}
					{{--<a href="javascript:;" class="company">中国工艺有限公司</a>--}}
				{{--</div>--}}
			{{--</li>--}}
			@for($i=0;$i<20;$i++)
			<li class="shop-li">
				<div class="shop-img">
					<a href="/ypt_shop_details"><img src="./resource/img/floor_shop_11.jpg" alt=""></a>
				</div>
				<div class="shop-info">
					<a href="/ypt_shop_details" class="name"><span>樟子松</span></a>
					<span class="money">￥900.00/立方米</span>
					<a href="/ypt_business_shop_list" class="company">中国工艺有限公司</a>
				</div>
			</li>
			@endfor
		</ul>
	</div>
	<ul class="pagination">
		<li><a class="jp-previous jp-disabled">上一页</a></li>
		<li><a class="jp-current">1</a></li>
		<li><a href="#" class="">2</a></li>
		<li><a href="#" class="">3</a></li>
		<li><a href="#" class="">4</a></li>
		<li><a href="#" class="">5</a></li>
		<li><a class="jp-next">下一页</a></li>
	</ul>
</div>
<!-- 底部 -->
<div class="foot">
	<div class="main">
		<div class="left">
			<div class="foot-nav">
				<dl>
				    <dt><span>关于央票通</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">公司简介</a> 
				    	<a href="javascript:;" target="_blank">团队介绍</a>
				    	<a href="javascript:;" target="_blank">加入我们</a>
				    	<a href="javascript:;" target="_blank">联系我们</a>
				    </dd>
				</dl>
				<dl>
				    <dt><span>新手上路</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">新手专区</a> 
				    	<a href="javascript:;" target="_blank">交易安全</a>
				    	<a href="javascript:;" target="_blank">24小时在线帮助</a>
				    	<a href="javascript:;" target="_blank">免费开店</a>
				    </dd>
				</dl>
				<dl>
				    <dt><span>配送方式</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">货到付款</a> 
				    </dd>
				</dl>
				<dl>
				    <dt><span>售后服务与保障</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">保障范围</a> 
				    	<a href="javascript:;" target="_blank">退货退款流程</a>
				    	<a href="javascript:;" target="_blank">服务中心</a>
				    </dd>
				</dl>
				<dl>
				    <dt><span>联系方式</span></dt>
				    <dd>
				    	<a href="javascript:;" target="_blank">400-0678-797</a> 
				    </dd>
				</dl>
			</div>
			<div class="foot-info">
				<p>中企汇（北京）有限公司 京ICP备15043001   Copyright © 2016  yangpiaotong.com 版权所有</p>
			</div>
		</div>
		<div class="foot-code right">
			<img src="./resource/img/foot_code.png" alt="">
		</div>
	</div>
</div>
<script src="./resource/js/jquery-1.11.3.min.js"></script>
<script src="./resource/js/ypt_index.js"></script>
<script>
	//导航 商品全部 隐藏显示
	var $allW = $('.all-wrap');
    $allW.hide();
    $('.nav .nav-all').attr('rel','hide');
    $('.nav .nav-all').click(function(){
        if($(this).attr('rel') == 'hide'){
            $(this).attr('rel','show');
            $allW.show();
        }else{
            $(this).attr('rel','hide');
            $allW.hide();
        };
    });
</script>		
</body>
</html>